<script type="text/javascript"> 
$(document).ready(function(){
 
	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	
	$("ul.topnav li span").click(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
 
		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});
 
		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});
 
});
</script> 
<?php
$baseUrl = $this->baseUrl(); 
$meuuItems = array(
	array('link' => $baseUrl,'title' => 'דף הבית'),
	array('link' => $baseUrl.'/פרופיל חברה','title' => 'פרופיל חברה'),
	array('link' => $baseUrl.'/מסגרות לתמונות','title' => 'מסגרות לתמונות'),
	array('link' => $baseUrl.'/הדפסה על קנבס','title' => 'הדפסה על קנבס'),
	array('link' => $baseUrl.'/שירותים','title' => 'שירותים'),
	array('link' => $baseUrl.'/פרופילים','title' => 'פרופילים'),
	array('link' => $baseUrl.'/גלריה','title' => 'גלריה'),
	array('link' => $baseUrl.'/צור קשר','title' => 'צור קשר')
);
?>

<ul class="topnav">
 <?php
 	foreach ($meuuItems as $item):
 		?><li class="mainLi" ><a href="<?php echo $item['link'];?>" ><?php echo $item['title'];?></a></li><?php
 	endforeach;
           /*          
            <li class="mainLi" ><a href="<?php echo $baseUrl;?>">דף הבית</a></li> 
             <li class="mainLi" ><a href="/frames/public/פרופיל חברה">פרופיל חברה</a></li> 
              <li class="mainLi" ><a href="/frames/public/מסגרות לתמונות">מסגרות לתמונות</a></li> 
                  <li class="mainLi" ><a href="/frames/public/הדפסה על קנבס"> קנבס</a></li> 
                    <li class="mainLi" ><a href="/frames/public/שירותים">שירותים</a></li> 
                          <li class="mainLi" ><a href="/frames/public/פרופילים">מוצרים</a></li> 
                     	 <li class="mainLi" ><a href="/frames/public/גלריה">פרופילים</a></li> 
                          <li  class="mainLi"><a href="/frames/public/צור קשר">צור קשר</a></li> 
                
            <li  class="mainLi" > 
                <a href="/frames/public/Products"  >מוצרים</a> 
                <ul class="subnav"> 
                    <li><a href="/frames/public/פרופילים">פרופילים </a></li> 
                    <li><a href="/frames/public/מסגרות לתמונות">מסגרות לתמונות</a></li> 
    				<li><a href="/frames/public/פרופילים">מסגרות לתמונות</a></li> 
                </ul> 
            </li> 
            <li  class="mainLi"> 
                <a href="/frames/public/canvas"  >קנבס</a> 
                <ul class="subnav"> 
                    <li><a href="/frames/public/הדפסה על קנבס">הדפסה על קנבס</a></li> 
                    <li><a href="/frames/public/תמונות קנבס">תמונות קנבס</a></li> 
            
                </ul> 
            </li> 
            <li  class="mainLi"><a href="/frames/public/pic-frames">מסגרות לתמונות</a>
                 <ul class="subnav"> 
                    <li><a href="/frames/public/מסגרות למראות מעוצבות ">מסגרות למראות מעוצבות</a></li> 
                    <li><a href="/frames/public/מסגרות לתמונות">מסגרות לתמונות</a></li> 
                
                </ul> 
            </li> 
            <li  class="mainLi"><a href="/frames/public/services">מוצרים ושירותים</a>
                           <ul class="subnav"> 
                    <li><a href="/frames/public/הדפסת תמונות">הדפסת תמונות</a></li> 
                    <li><a href="/frames/public/מסגור ותליית תמונות">מסגור ותליית תמונות</a></li> 
                    <li><a href="/frames/public/מסגור תמונות">מסגור תמונות</a></li> 
                  
                </ul> 
            </li> 
            <li  class="mainLi"><a href="/frames/public/גלריה">גלריה</a></li> 
            
            <li  class="mainLi"><a href="/frames/public/צור קשר">צור קשר</a></li> 
         */    
 		?>
        </ul> 